$(function () {
    //定义查询参数的对象
    let q = {
        pagenum: 1,
        pagesize: 2,
        cate_id: '',
        state:''
    }

    function getArtList() {
        $.get('/my/article/list', q, function (res) {
            // console.log(res);
            if (res.status === 0) {
                const htmlStr = template('templ-tr', res)
                $('tbody').html(htmlStr)
                renderPage(res.total)
            }
        })
    }

    function initcate() {
        $.get('/my/article/cates', function (res) {
            if (res.status === 0) {
                const htmlStr = template('templ-opt', res)
                $('[name="cate_id"]').html(htmlStr)
                layui.form.render('select')
            }
        })
    }
    getArtList()
    initcate()

    //阻止筛选表单的默认提交行为
    $('form').on('submit', function (e) {
        e.preventDefault()
        //为q.cate_id重新赋值
        //为q.state重新赋值
        q.cate_id = $('[name="cate_id"]').val()
        q.state = $('[name="state"]').val()
        //重新根据q请求文章列表的数据
        getArtList()
    })



    $('[type="reset"]').on('click', function () {
        q = {
            pagenum: 1,
            pagesize: 2,
            cate_id: '',
            state:''
        }
        getArtList()
    })
    //设置分页
    function renderPage(total) {
        layui.laypage.render({
            elem: 'page-box',
            count: total,
            limit: q.pagesize,
            curr: q.pagenum,
            limits: [2, 3, 5, 10],
            //指定要渲染的布局效果
            layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
            //只要用户操作了分页，就会触发jump回调
            jump: function (obj, first) {
                //obj.curr是最新的页码值
                //obj.limit是最新每页显示的数据条数
                q.pagenum = obj.curr
                q.pagesize = obj.limit
                //根据最新的条件，请求并渲染列表数据
                if (first !== true) {
                    console.log('在jump中请求了数据')
                    getArtList()
                }
            }
        })
    }

    $('tbody').on('click', '.btn-delet', function () {
        const id = $(this).attr('data-id')
        layer.confirm('是否删除此文章', { icon: 3, title: '提示' }, function (index) {
            $.get('/my/article/delete/' + id, function (res) {
                if (res.status === 0) {
                    if (q.pagenum > 1 && $('tbody tr').length === 1) {
                        q.pagenum--
                    }
                    getArtList()
                }
            })
            layer.close(index)
        })
    })
  
})